<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>入力ページ(formmail)</title>
<%include file="_meta.html"/>
<% f = formmail.get(key) %>
%if f.get('formcss') == 'True':
<link href="/common/css/form.css" rel="stylesheet">
%endif
</head>
<body class="free">

<!-- page header xx start -->
<header class="noprint">
<%include file="_header_maruwakari.html" />
</header>
<!-- page header xx end -->
<div id="headline"></div>

<div id="container">

    <div id="contents" class="clearfix">

    <div class="paneoform document">

    <%include file="formmail_${key}_hed.html" args="f=f"/>
    <!-- paneo form xx start -->
<div id="maruwakari">
<div id="header">
	<h2><img src="/common/img/maruwakari/maruwakari_pic01.png">広島の<b>注文住宅まるわかりキット</b>とは何ですか？</h2>
	<h3><img src="/common/img/maruwakari/maruwakari_pic02.png"><b>広島住宅総合館オリジナル</b>の<b>カタログセット</b>です。<br />
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>無料</b>で注文住宅の準備に必要な<b>資料が一度に手に入ります。</b></h3>
	<h4><img src="/common/img/maruwakari/maruwakari_pic03.png" alt="プレゼントもついてくる！キットの具体的中身を詳しくご紹介します！"></h4>
	<div class="row">
	<ul class="block-three centered">
	    <li><a href="#catalog"><img src="/common/img/maruwakari/maruwakari_pic04.png"></a></li>
	    <li><a href="#etc_catalog"><img src="/common/img/maruwakari/maruwakari_pic05.png"></a></li>
	    <li><a href="#present"><img src="/common/img/maruwakari/maruwakari_pic06.png"></a></li>
	</ul>
	</div>
	<div class="present_banner">
		<figure class="paneoimg">
		<a href="/forms/formmail_maruwakarikit.html"><img src="/common/img/index/present_banner.png" alt="サイトリニューアル特典 マックカード or QUOカード 1,000円分プレゼント"></a>
		</figure>
	</div>
		<h3 class="formbutton"><img src="/common/img/index/kitt_logo.png" alt="注文住宅"><b>まるわかりキット</b><span><img src="/common/img/maruwakari/yajirushi.png"></span><span class="under">お申込みは下記資料請求フォームから</span><span><img src="/common/img/maruwakari/yajirushi.png"></span></h3>
</div><!-- #header -->


    <h3 class="campaign">広島住宅総合館から資料請求を頂いた方全員にマックカードかQUOカードをもれなく1000円分プレゼント。キャンペーン期間 2012年10月22日（月）〜2012年11月30日（金）まで</h3>
    <h2 id="atten" class="ask">資料請求時の注意事項</h2>
    <div class="atten">
    <p>あなたの声を住宅工務店の家づくりに反映させたいと思いますので、ぜひご協力ください！<br />
    広島住宅総合館のホームページから期間中に住宅カタログ資料請求の上、<br />
    アンケートに答えてお好きなアイテムを１つお選び下さい。</p>
    <h4>■カタログ資料請求方法</h4>
    <p>下記のお申込みフォームに必要事項を明記の上、アンケートお答え下さい。<br />
    ※ご請求の際の住所、氏名、メールアドレス、電話番号が間違っていた場合はカタログやプレゼントをお届けすることができません。<br />
    入力の際は、ご注意ください。</p>
    <h4>■キャンペーン期間</h4>
    <p>2012年11月30日まで</p>
    <h4>■参加条件</h4>
    <p>広島市・呉市・東広島市在住の住宅購入をお考えの方で、広島住宅総合館から初めてカタログ資料請求をされる方。<br />
    ※1家族様１回限りとさせて頂きます。<br />
    ※住宅・リフォームの関連業者様はご参加いただくことができません。</p>
    <h4>■商品のお届け時期</h4>
    <p>2012年12月下旬〜2013年1月中旬頃に広島住宅総合館（運営会社　株式会社インターロジック）より発送致します。</p>
    <h4>■個人情報保護法に基づく連絡事項</h4>
    <p><a  class="praivacy" href="/pages/privacy.html">プライバシーポリシー</a>とお申し込みフォーム下部の〈資料一括請求サービスと個人情報の取り扱いについて〉を必ずお読みください。</p>
    </div>

    <% PARAM = web.ctx.session.get('redirect_param',{}).get('MARUWAKARI',{}) %>
    <form name="${key}_form" action="/forms/formmail_${key}_conf.html" method="POST">

    <ul>
        <li>
             <h2 class="kitt">${f.get('name')}</h2>
             <span class="required_notification">※ 必須入力</span>
        </li>
        %if PARAM.get("PRESENT_ID"):
        <li>
            <% contents = AT.GetPostById( PARAM.get("PRESENT_ID") ) %>
            <label for="book">自由に選べるお役立ちアイテム</label>
            <fieldset data-paneo-form="book" data-paneo-form-required="True">
            <input type="hidden" name="book" value="${ contents.title }"/>
            <figure>
            <a  href="/article/${contents.slug}.html">
            <img src="/common/img/${ contents.slug }.jpeg"/>
            </a>
            <figcaption>
            ${ contents.title }
            </figcaption>
            </figure>
            </fieldset>
        </li>
        %else:
        <li>
            <label for="book">自由に選べるお役立ちアイテム</label>
            <fieldset data-paneo-form="book" data-paneo-form-required="True">
            <% presents = AT.GetArticle('present') %>
            <ul id="maruwakari_book">
            %for contents in presents.GetPostsByUpdated(50) :
            <li>
            <img src="/common/img/${ contents.slug }.jpeg"/>
            <br>
            <input type="radio" name="book" value="${ contents.title }"/>${ contents.title }<br>
            </li>
            %endfor
            </ul>
            </fieldset>
        </li>
        %endif
        <li>
            <label for="present">ご希望のプレゼント</label>
            <fieldset data-paneo-form="present" data-paneo-form-required="True">
            <input type="radio" name="present" value="マックカード" checked/>マックカード
            <input type="radio" name="present" value="QUOカード"/>QUOカード
            </fieldset>
        </li>
        <li>
            <label for="builder">工務店選択</label>
            <fieldset data-paneo-form="builder" data-paneo-form-requied="True">
            <ul id="maruwakari_builders">
            <% builders = AT.GetArticle('builder') %>
            %for contents in builders.GetPostsByUpdated(22) :
            <li>
            <input type="checkbox" name="builder" value="${ contents.GetField('name') }" checked="checked"/>${ contents.GetField('name') }<br>
            </li>
            %endfor
            </ul>
            </fieldset>
        </li>

        <%include file="sogokan_name_field.html"/>

        <li>
            <fieldset class="send">
            <button class="submit" type="submit" name="CMD_CONF">送信確認</button>
            <button class="cancel" type="reset">キャンセル</button>
            </fieldset>
        </li>
    </ul>

    </form>
    </div>

    <!-- paneo form xx end -->
    <%include file="formmail_${key}_ftr.html" args="f=f"/>


 <!-- カタログ -->
    <a name="catalog" class="bookmark" title="住宅カタログ"></a>
    <% article = AT.GetArticle('catalog') %>
    <section id="catalog">
    <h2>${article.header}</h2>
    <p class="catch">
    ${article.lead}
    </p>
    <ul class="grid-c">
    <li class="title item">
    <b>&nbsp;</b>
    <div><p class="icon"><figure class="paneoimg"><img src="/common/img/catalog_title.png"></figure></p></div>
    <h4>カタログリスト</h4>
    <p>100棟を超える広島の注文住宅施工事例集です。</p>
    </li>
    %for contents in article.GetPostsByUpdated(44):
    <li class="item cat">
    <b>&nbsp;</b>
    <figure class="paneoimg">
    <a href="/forms/formmail_maruwakarikit.html">
    ${ contents.GetImageTag('catalog_pic1','240x209') } 
    </a>
    <figcaption>
    <% posts = AT.GetPostsByKey('builder',str(contents.key)) %>
    %for c in posts:
    <h3>${ c.GetField('name') }</h3>
    %endfor
    <h4>${ contents.title }</h4>
    </li>
    %endfor
    </ul>
    
    <div class="row">
    <div class="fourfifth centered banner">
    <a href="#atten"><img src="/common/img/index/kitt_logo.png" alt="注文住宅">まるわかりキット<b>申し込んで<span>カタログリスト</span>を取り寄せる >></b></a>
    </div>
    </div>
    </section><!-- #catalog -->

<!-- 関連カタログ -->    
<a class="bookmark" name="etc_catalog" title="関連カタログ"></a>
<section id="etc_catalog">

<h3 class="title">広島の注文住宅まるわかりキット”でお届けする意外に忘れがちな家づくりの準備マニュアル</h3>
<h4>実際に広島で注文住宅を建てた人が、あらかじめ知っておいたらバタつかなかった…という反省から選んだ６カテゴリリスト</h4>
<h2 class="loan"><b>1</b>住宅ローン</h2>
<div class="row">
    <div class="third">
    <h3><figure class="paneoimg"><img src="/common/img/maruwakari/hirogin01.png" alt="広島銀行"></figure></h3>
	<ul class="block-two">
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/hirogin02.png"></figure><p>ひろぎん住宅ローン</p></li>
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/hirogin03.png"></figure><p>ひろぎん住宅ローン案内</p></li>
    </ul>	    
    </div>
    <div class="third">
    <h3><figure class="paneoimg"><img src="/common/img/maruwakari/momiji01.png" alt="もみじ銀行"></figure></h3>
	<ul class="block-two">
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/momiji02.png"></figure><p>もみじ新型住宅ローン</p></li>
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/momiji03.png"></figure><p>住まいの税金ガイド</p></li>
    </ul>	    
    </div>
    <div class="third">
    <h3><figure class="paneoimg"><img src="/common/img/maruwakari/hiroshin01.png" alt="広島信用金庫"></figure></h3>
	<ul class="block-two">
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/hiroshin02.png"></figure><p>ひろしん住宅ローンのご案内</p></li>
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/hiroshin03.png"></figure><p>ひろしん住宅ローンセンター</p></li>
    </ul>	    
    </div>
</div>
<div class="row">		
    <div class="threefifth">
<h2 class="hoken"><b>2</b>火災保険・地震保険</h2>    
    <h3><figure class="paneoimg"><img src="/common/img/maruwakari/hoken01.png" alt="あいおいニッセイ同和損保 （代理店：株式会社ハンズ）"></figure></h3>
	<ul class="block-four">
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/hoken02.png"></figure><p>マイホームぴたっと</p></li>
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/hoken03.png"></figure><p>タフ　住まいの保険</p></li>
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/hoken04.png"></figure><p>知って！備えて！地震防災！</p></li>
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/hoken05.png"></figure><p>地震への備え大丈夫？</p></li>    
    </ul>	    	    
    </div>
    <div class="twofifth">
<h2 class="sec"><b>3</b>セキュリティ</h2>
    <h3><figure class="paneoimg"><img src="/common/img/maruwakari/sec01.png" alt="セコム・ホームセキュリティ ALSOK・ホームセキュリティ"></figure></h3>
	<ul class="block-three">
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/sec02.png"></figure><p>マイホームぴたっと</p></li>
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/sec03.png"></figure><p>タフ　住まいの保険</p></li>
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/sec04.png"></figure><p>知って！備えて！地震防災！</p></li>
    </ul>	    
    </div>
</div>
<div class="row">
    <div class="quarter">
    <h2 class="hikkoshi"><b>4</b>引越し</h2>
    <h3><figure class="paneoimg"><img src="/common/img/maruwakari/hikkoshi01.png" alt="引越し 株式会社アイ引越しセンター"></figure></h3>
    <figure class="paneoimg"><img src="/common/img/maruwakari/hikkoshi02.png"></figure><p>引っ越しパンフレット</p>
    </div><!-- quarter -->
    <div class="threequarter">
	<h2 class="kagu"><b>5</b>家具</h2>
	<div class="row">
	<div class="fifth">
    <h3><figure class="paneoimg"><img src="/common/img/maruwakari/kagu01.png" alt="クラージュプラス"></figure></h3>	    
    <figure class="paneoimg"><img src="/common/img/maruwakari/kagu02.png"></figure><p>クラージュプラスVOL.04</p>
	</div>
	<div class="threefifth">
    <h3><figure class="paneoimg"><img src="/common/img/maruwakari/kagu03.png" alt="ドリームベッド"></figure></h3>
	<ul class="block-three">
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/kagu04.png"></figure><p>ショールーム案内</p></li>
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/kagu05.png"></figure><p>ブランドカタログ</p></li>
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/kagu06.png"></figure><p>リーンロゼ</p></li>
    </ul>	 
	</div>
	<div class="fifth">
    <h3><figure class="paneoimg"><img src="/common/img/maruwakari/kagu07.png" alt="マルニ"></figure></h3>
    <figure class="paneoimg"><img src="/common/img/maruwakari/kagu08.png"></figure><p>ショールーム案内</p>
	</div>
		
	</div><!-- row -->
    </div><!-- threequarter -->			
</div>
<div class="row">
<div class="twofifth">
<h2 class="solar"><b>6</b>太陽光発電</h2>
<h3><figure class="paneoimg"><img src="/common/img/maruwakari/solar01.png" alt="KYOCERA キョーセラ （販売代理店：株式会社島屋）"></figure></h3>	    
	<ul class="block-three">
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/solar02.png"></figure><p>住宅用ソーラー発電システム</p></li>
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/solar03.png"></figure><p>マンガでわかる【太陽光発電システム物語】</p></li>
    <li><figure class="paneoimg"><img src="/common/img/maruwakari/solar04.png"></figure><p>目からウロコの太陽光うら事情！</p></li>
    </ul>
</div>
</div>
<div class="threefifth"></div>
    <div class="row">
    <div class="fourfifth centered banner">
    <a href="#atten"><img src="/common/img/index/kitt_logo.png" alt="注文住宅">まるわかりキット<b>申し込んで<span>カタログ</span>を取り寄せる >></b></a>
    </div>
    </div>
</section>

<!-- 関連カタログ -->    
    
<!-- オススメ書籍&グッズ -->
<a name="present" class="bookmark" title="オススメ書籍"></a>
<% article = AT.GetArticle('present') %>
<section id="present">

<h3>${article.header}リスト</h3>
<div class="row">
	<ul class="block-six centered">
	%for contents in article.GetPostsByUpdated(10) :
	<li>
	<figure class="ph paneoimg">
    <a  href="/article/${contents.slug}.html">
    <img src="/common/img/${ contents.slug }.jpeg"/>
    </a>
	<figure>
	<h4>${ contents.title[:15] }..</h4>
	    %if len(contents.GetField('text1')) > 20 :
	    <h5>${ contents.GetField('text1') [:20]} ...</h5>
	    %else :
	    <h5>${ contents.GetField('text1') }</h5>
	    %endif
	<div class="present">
	<form name="MARUWAKARI" method="POST" action="/session_redirect/">
	<input type="hidden" name="URL" value="/forms/formmail_maruwakarikit.html">
	<input type="hidden" name="TARGET" value="MARUWAKARI">
	<input type="hidden" name="PRESENT_ID" value="${ contents.id }"/>
	<button  class="link">プレゼントに申し込む</button>
	</form>
	</div>
	</li>
	%endfor
	</ul>
</div>
    <div class="row">
    <div class="fourfifth centered banner">
    <a href="#atten"><img src="/common/img/index/kitt_logo.png" alt="注文住宅">まるわかりキット<b>申し込んで<span>アイテム</span>を取り寄せる >></b></a>
    </div>
    </div>

</section><!-- #present -->

    
    
    </section>
    <!-- #catalog -->


</div><!-- #maruwakari -->
    </div><!-- /#contents -->

</div><!-- /#container -->
<!-- page footer -->
<%include file="_footer.html"/>
<%include file="_anchor_navi.html"/>

</body>
</html>




